<!DOCTYPE html>
<html>
<head>
	
<!-- iOS 1.1.3+: this is the icon that's used when the user adds your app to the home screen -->
<!-- also works on Android! -->
<link rel="apple-touch-icon" href="../images/icon.png"/>

<!-- iOS 2.0+: tell iOS not to apply any glare effects to the icon -->
<link rel="apple-touch-icon-precomposed" href="../images/icon.png"/>

<!-- iOS 4.2+ icons for different resolutions -->
<link rel="apple-touch-icon" sizes="72x72" href="../images/touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="../images/touch-icon-iphone4.png" />

<!-- iOS 3+: full-screen startup splash screen image (must be 320x460) -->
<link rel="apple-touch-startup-image" href="../images/startup.png">

<!-- enable full-screen mode (only when launched from home screen) -->
<meta name="apple-mobile-web-app-capable" content="yes" />

<!-- controls the appearance of the status bar in full-screen mode -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	

	
<!-- jQuerry einbinden-->
<script type="text/javascript" src="../jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<!-- CSS einbinden -->
<link href="../style/screen.css" media="screen" type="text/css" rel="stylesheet">
<link href="../style/handheld.css" media="handheld" type="text/css" rel="stylesheet">

<!-- Jquery UI css -->
 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 

<!-- Mobile Einstellung-->
<meta name="viewport"
	content="width=device-width, initial-scale=1 "/>
	
<!-- NORMAL SHIT -->
<title>I Like That</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<!-- Button -->

	<script type="text/javascript">
	
  	$(function() {
    	$( '#login-button' )
 	     .button()
    	  .click(function( event ) {
        	$.get( "login.html", myCallBack );
      	});
  	});

   </script>


</head>
<body>
	<script>
		$('#intro').ready(function() {
      		$('#intro').slideUp(300).delay(800).fadeIn(400);
    });
    
    </script>
	
	<section id="intro">	
	<img id="logo" src="../images/I_LIKE_THAT_LOGO.png" border="0">
	
	<br>
	<a id="login-button" href="login.html">Go go I Like That</a>
	
	</section>
	
	<!--Fußzeile-->
	<footer id="footer-container">
		<!-- Impressum usw soll hier rein-->
		<a href="html/impressum.html">Impressum</a> | 
		<a href="html/kontakt.html">Kontakt</a> | 
		<a href="html/datenschutzbestimmung.html">Datenschutz</a>
	</footer>

</body>
</html>